<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title> 保护响应特性</title>
		<style>
		.dataTable th {   
    		white-space: nowrap !important;  
		} 
		</style>
	</ui:define>
	<ui:define name="content">
		<div id="protect" class="row">
			<div class="col-lg-12 col-xs-12">
				<div class="nav-tabs-custom">
					<!-- Tabs within a box -->
					<ul class="nav nav-tabs pull-left">
						<li class="active"><a href="#protectActDiv" data-toggle="tab">保护动作信息</a></li>
						<li ><a href="#protectAlarmDiv" id="alarmDiv" data-toggle="tab">保护通道告警信息</a></li>
					</ul>
					<div class="tab-content no-padding">
						 <div class="chart tab-pane active" id="protectActDiv" style="position: relative">
						 	<div id="protectAct" style="height: 250px"></div>
							<div id="protectActAve" style="height: 250px"></div>
						 </div>
              			<div class="chart tab-pane" id="protectAlarmDiv" style="position: relative">
              				<div id="alarmInfo" style="height:250px"></div>
               				<div id="alarmLevel" style="height:250px"></div>
              			</div>
					</div>
				</div>
			</div>
		</div>
       <h:inputHidden id="lineId" value="#{request.getParameter('selectId')}"></h:inputHidden>
	</ui:define>
	
	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/plugins/echarts/echarts.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/categoryLineChart.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/categoryBarChart.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/charts.js"></script>
		<script src="#{request.contextPath}/resources/js/array-util.js"></script>
		<script src="protectResponseDialog.js"></script>
	</ui:define>
</ui:composition>